import { StyleSheet } from "react-native";
import { Color } from "../common";

const inviteStyles = StyleSheet.create({
  friendContainer: {
    width: "100%",
    position: "absolute",
    top: 0,
    left: 0,
    right: 0,
    bottom: 0
  },
  friendHead: {
    textAlign: "left",
    height: 45,
    lineHeight: 45,
    backgroundColor: "#fff",
    paddingLeft: 10,
    paddingRight: 10
  },
  headSpan: {
    fontSize: 13,
    fontWeight: "bold",
    color: "#fa9a3d"
  },
  frinedList: {
    width: "100%",
    position: "relative",
    overflow: "hidden"
  },
  friendListItem: {
    height: 45,
    position: "relative",
    backgroundColor: "#fff",
    borderBottomWidth: 1,
    borderBottomColor: "#f2f2f2",
    flexDirection: "row"
  },
  listItemHead: {
    backgroundColor: "#f2f2f2",
    color: "#000"
  },
  friendPhoneOrDate: {
    flex: 1,
    height: 45,
    lineHeight: 45,
    textAlign: "center"
  },
  inviteButton: {
    height: 60,
    lineHeight: 45,
    width: "100%",
    backgroundColor: "white",
    color: "#44a7d5",
    fontSize: 14,
    textAlign: "center"
  },
  inviteFriendContainer: {
    position: "relative",
    backgroundColor: "#fff"
  },
  inviteFriendWrap: {
    position: "relative",
    height: 45,
    lineHeight: 45,
    borderBottomWidth: 1,
    borderBottomColor: "#f2f2f2",
    flexDirection: "row",
    backgroundColor: 'white'
  },
  inviteWrapLeft: {
    position: "relative",
    width: 70,
    height: 45
  },
  select: {
    position: "absolute",
    zIndex: 1,
    top: 0,
    textAlign: "center",
    height: 45,
    lineHeight: 45,
    width: 63
  },
  input: {
    flex: 1,

    height: 45,
    paddingLeft: 10,
    fontSize: 14
  },
  buttonContain: {
    right: 10,
    top: 10,
    width: 80,
    height: 25,
    backgroundColor: Color,
    borderRadius: 8,
    overflow: "hidden"
  },
  button: {
    color: "#fff",
    height: 25,
    lineHeight: 25,
    textAlign: "center",
    fontSize: 12
  },
  inviteTip: {
    paddingLeft: "5%",
    width: "90%",
    marginTop: 15,
    fontSize: 14,
    color: "#8f8f8f",
    textAlign: "left"
  },
  confirmButton: {
    width: "90%",
    height: 45,
    marginLeft: "5%",
    marginTop: 10,
    backgroundColor: Color,
    marginBottom: 20,
    fontSize: 16,
    color: "#fff",
    borderRadius: 10,
    overflow: "hidden",
    lineHeight: 45,
    textAlign: "center"
  }
});

export default inviteStyles;
